<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>福利社</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/benefits.css"/>
		
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-2.1.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/touch-0.2.14.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/benefits.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<i class="icon iconfont" id="back">&#xe606;</i>
			<span>福利社</span>
		</header>
		<div class="Rights-benift">
			权益福利
		</div>
		<div class="Rights-benift-content">
			<ul>
				<li>
					<img src="http://img.stuhui.com/cf4c8fe95ef735d4fe7f2f43bddd86c7"/>
					<div id="Rights-benift-info">
						<p>3个月爱奇艺免费会员</p>
						<div class="little">
							爱奇艺
						</div>
						<p class="p-info">
							剩余：
						</p>
						<p class="p-info">
							有效期：
						</p>
						<div class="btn">
							领取
						</div>
					</div>
				</li>
			</ul>
		</div>
		
		<div class="line1">
			
		</div>
		<div class="Rights-benift">
			热门福利
		</div>
		<div class="Rights-benift-content">
			<ul>
				<li>
					<img src="http://img.stuhui.com/cf4c8fe95ef735d4fe7f2f43bddd86c7"/>
					<div id="Rights-benift-info">
						<p>3个月爱奇艺免费会员</p>
						<div class="little">
							爱奇艺
						</div>
						<p class="p-info">
							剩余：
						</p>
						<p class="p-info">
							有效期：
						</p>
						<div class="btn">
							领取
						</div>
					</div>
				</li>
			</ul>
		</div>
		
		
		
		
	</body>
</html>
